<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dom查询</title>
    <style>
      .left {
        padding: 10px;
        border: 1px solid #333;
      }
      .left ul {
        list-style-type: none;
        display: flex;
        padding: 0;
      }

      .left ul li {
        margin-right: 10px;
      }
    </style>
  </head>
  <body>
    <div class="left">
      <p>你最喜欢哪个城市？</p>
      <ul>
        <li><button>北京</button></li>
        <li><button>上海</button></li>
        <li><button>东京</button></li>
        <li><button>首尔</button></li>
      </ul>

      <p>你喜欢哪款单机游戏？</p>
      <ul>
        <li><button>英雄联盟</button></li>
        <li><button>实况</button></li>
        <li><button>极品飞车</button></li>
        <li><button>魔兽</button></li>
      </ul>

      <p>你手机的操作系统是？</p>
      <ul>
        <li><button>IOS</button></li>
        <li><button>Android</button></li>
        <li><button>Windows Phone</button></li>
      </ul>
    </div>
  </body>
</html>
